$(document).ready(function() {
        $('#customerHistoryLogDataTable').DataTable( {
                "oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                                  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",
             "sSearch": "ค้นหา :"
        },
                searching: true,
                "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '5%', "bSortable": false},
                                {"sTitle": "วันที่ทำรายการ", sClass: "alignCenter", sWidth: '13%'},
                                {"sTitle": "ปรับปรุงเรื่อง", sWidth: '17%', "bSortable": false},
                                {"sTitle": "รายละเอียดเดิม", sWidth: '25%', "bSortable": false},
                                {"sTitle": "รายละเอียดใหม่", sWidth: '25%', "bSortable": false},
                                {"sTitle": "ผู้ทำการเปลี่ยนแปลง", sClass: "table-action", sWidth: '15%', "bSortable": false}
                               ],
                "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
                "bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
                "iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
                "bScrollCollapse": true,
                "aLengthMenu": [
                                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
                                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
                 ],
                 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "CS22001Srvl?process_type=getDataTable",
         // ส่งค่า account ไปให้ CS22001Srvl (CustomerHistoryLogAPISrvl) เพื่อใช้ Query ข้อมูล
         "fnServerParams": function ( aoData ) {
             aoData.push( { "name": "account", "value": vaAccount , url_address:$("#url_address").val(), agent_browser:$("#agent_browser").val()} );
         }
        } );
        
});